@CHARSET "utf-8";
/* reset */
html, body, ul, ol, li, dl, dd, p, fieldset, h1, h2, h3, h4, h5, h6, address {margin:0; padding:0;}

html { overflow-y: scroll; }
body {font-family:'Malgun Gothic', dotum, Helvetica, sans-serif, AppleGothic; color:#333; }
img {border:none; vertical-align:middle; font-size:0; line-height:0;}
form {margin:0px; padding:0px;}
fieldset {display:block; margin:0; padding:0; border:none;}
ul, ol, li {list-style:none;}
table {table-layout:fixed; border-collapse:collapse; width:100%;}
input, select, textarea, button {margin:0; padding:0; min-height:12px; color:#666; font-size:1em; vertical-align:middle;  }
select {height:20px;}
textarea {border:1px solid #d0d0d0; overflow:auto; padding:3px 5px 2px; line-height:18px;}
/*
input.text, input.file {height:18px; border:1px solid #d0d0d0; padding:4px 5px 3px; line-height:1;}
input.radio, input.checkbox {width:14px; height:14px;}
input.radio {margin-top:-2px;}
*/
input.text { border:1px solid #b7b7b7; height:20px; padding-left:2px; }
em {font-style:normal;}
button, label { cursor:pointer; }

/* common */
.hover	{ background-color:#efefef; cursor:pointer;  }
.r	 { text-align:right !important; }
.c	 { text-align:center !important; }
.left { float:left; }
.right { float:right; }
.both { clear:both; }
.none { display:none; }
.underline { text-decoration:underline; }

/* skip */
legend {position:absolute; left:-10000px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {visibility:hidden; overflow:hidden; width:0.1%; height:0.1%; font-size:0.1%; line-height:0.1%; text-indent:-10000px;}
hr {display:none;}

/* linkStyle */
a {color:#212121; text-decoration:none; cursor: pointer;}
a:hover, a:active, a:focus {color:#008299; text-decoration:none;}

a.link:hover { text-decoration:underline;}

/* layout */
#wrap {margin:0 auto; height:100%; min-height:100%;}

/* header-top */
#header-top{float:none;height:70px; }
#primary-nav{width:900px;height:65px;margin-left:auto;margin-right:auto;font-size:1em;font-family:Helvetica !important;font-weight:bold;color:#000;-webkit-font-smoothing:antialiased}
#primary-nav h1 { position:absolute; width:260px; padding-top:30px; margin-right:10px;font-family:'Malgun Gothic';font-size:20pt; font-weight:bold; color:#222; }
#primary-nav a.logo { position:absolute; top:30px;}
#primary-nav a.logo_sub { position:absolute; top:16px; left:100px; }
#primary-nav a:hover { color:#222;}
#primary-nav li {display:inline; margin-right:10px; }
#primary-nav label { font-weight:normal; padding-right:20px;  }
.nav-tabs-center {  display: block; float: right; margin-left: 155px; margin-right: 20px; padding-top:40px; }
.nav-tabs-center li { padding-left:30px; }

/* header-main */
#header-main {  margin: 0 auto; overflow:hidden; background-image:url(../home/images/bg_main_line.png)}
#main { width:900px; height:230px; margin: 0 auto; background-image:url(../home/images/bg_main.png); background-repeat:no-repeat; background-position:right center;}

/* header-store */
#header-store { margin: 0 auto; overflow:hidden; background-color:#5776A6; height:48px; }
#store_main { width:900px; height:100%; margin: 0 auto;  }
#store_main li { cursor:pointer; height:48px; color:#fff; display:inline-block;  }
#store_main li:hover { background-color:#6884AF; }
#store_main li.on { background-color:#39598B;}
#store_main li a { color:#fff; display:block; padding:12px 25px;  }
#store_main li.category { background-color:#48689A; }
#store_main li.category:hover { background-color:#39598B; }

/* header-category */
#header-category { margin: 0 auto;  }
#header-category ul { width:900px;  margin: 0 auto; }

/* contents */
#contents {width:900px; min-height:300px; margin:0 auto;  }
#contents_list { width:900px; min-height:320px; margin:0 auto; padding-top:40px;  }
#contents h2 { padding-top:50px; padding-bottom:4px; border-bottom:2px solid #ccc; }

/* app */
.app { padding:18px 0px 18px 80px; border-bottom:1px solid #dddddd; clear:both; position:relative; }
.app p {  color:#777; }
.download { position:absolute; top:21px; right:0px; }
#app_qbooks { background:url(../home/images/icon_qbooks.png) no-repeat left center; }
#app_qbook_maker { background:url(../home/images/icon_qbooks.png) no-repeat left center; }
#app_qbook_maker label { display:none; }
#app_qbooks_for_9 { background:url(../home/images/icon_qbooks_for_9.png) no-repeat left center; }
#app_qbooks_for_com2 { background:url(../home/images/icon_qbooks_for_com2.png) no-repeat left center; }

/* qbooks */
#qbooks {  padding-top:10px; padding-left:12px; }
#qbooks span { display:block;  margin-top:40px; border-bottom:1px solid #ddd; }
#qbooks li { list-style:disc; margin:0 0 0 20px;}
#qbooks textarea { width:100%; height:200px; font-size:1.1em; border:1px solid #999; margin-bottom:10px; }
#qbooks a { color:#0000ff; }
#qbooks a:hover { color:#0000ff; text-decoration:underline; }

/* terms */
#terms { font-size:0.9em; padding-top:10px; padding-left:12px; }
#terms li { list-style:disc; margin:0 0 0 18px;}


/* board */
.board { padding:12px 0px 12px 12px; border-bottom:1px solid #dddddd; clear:both; position:relative; }
.board p {  font-size:0.9em; color:#777; }
.board a { display:block; }
.detail { position:absolute; top:12px; right:0px; }
.buttons { margin-top:50px; text-align:center; }
#word { padding-top:10px; padding-left:12px; }
#init_date { text-align:right; color:#777; }

/* login */
#login { margin-top:60px; }
#login div { padding: 10px; }
#login h3 { float:left; width:280px; text-align:right; padding-right:20px;  }
#login input.text { width:280px; height:24px; padding:4px 8px; }
#login input.checkbox { width:20px; height:20px;  }
#login div.button { padding-left:330px; }
#login select { height:34px; }
#account_no { width:173px !important; }


/* regist */
#regist { margin-top:40px; }
#regist div { padding:5px; }
#regist p {  }
#regist p.title { margin:40px 0px 10px 0px; padding-bottom:4px; border-bottom:1px solid #ccc; font-size:12pt; font-weight:bold; color:#777; }
#regist h3 { float:left; font-size:0.9em; width:200px; text-align:right; padding:4px 10px 0 0; color:#333; }
#regist input.text { width:200px; height:18px; padding:4px 8px; border:1px solid #aaa; }
#regist input.file { width:400px; height:28px;  }
#regist input.checkbox { width:20px; height:20px;  }
#regist div.button { padding-left:330px;  border:1px solid #aaa;}
#regist select { height:28px; }
#regist label.remark { color:#999; font-size:10pt; margin-left:10px; }
#regist div.alert { margin-left:210px; font-size:0.8em; color:red; }
#account_no { width:173px !important; }

/* regist_success */
#regist_success { text-align:center; margin-top:40px; padding:20px; border:10px solid #ddd; }
#regist_success h3 { margin:30px;  }
#regist_success p { padding-bottom:30px;  }

/* book */
#book_list { float:left; width:100%;  }
#book_list span.more { float:right; font-size:11pt; background-color:#1aa1e1; padding:0.3em 1em;  font-weight:normal; -webkit-border-radius: 2px; border-radius: 2px; }
#book_list span.more a { color:#fff; }
#book_list span.more:hover { background-color:#0B88C3; }
#category_list { float:left; width:200px; }
/* .book { padding:18px 0px 18px 10px; border-bottom:1px solid #dddddd; clear:both; position:relative; } */
#book_list ul li { position:relative; display:inline-block; vertical-align:top; margin-top:20px; margin-right:8px;  background-color:#F1F1F1; }
#book_list ul li img { width:160px;  }
#book_list ul li p {  color:#aaa; font-size:13px;   }
#book_list ul li p a {  color:#aaa; font-size:13px;   }
#book_list ul li p a:hover {  color:#aaa; text-decoration:underline;  }
#book_list ul li h3 { color:#222; font-weight:normal; font-size:16px; line-height:17px; padding-bottom:4px;   }
#book_list ul li h3 a:hover { color:#222; text-decoration:underline; }
#book_list ul li span.price { float:right; color:#1aa1e1;}
#book_list ul li div.photo { cursor:pointer; padding:0; position:relative; margin:0; }
#book_list ul li div.info { width:142px; padding:8px; border-left:1px solid #E1E1E1;  border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; }
.photo_box_over {display:none;width:100%;height:100%; position:absolute;left:0;bottom:0;background:#000;
	/* opacity setting */
	filter:alpha(opacity=30);    /* ie  */
	-moz-opacity:0.3;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.3;    /* for really really old safari */  
	opacity: 0.3;    /* css standard, currently it works in most modern browsers like firefox,  */	
	top:0;
}
.photo_box_over a{color:#fff;line-height:230px;font-size:25px;display:block;}

/* book detail */
#book { margin-top:40px; }
#book_image { float:left; }
#book_info { padding-left:220px; }
#book_info p { padding:5px; }
#book_info h2 { padding-top:0px;  border-bottom:0px; font-size:28px; color:#222; font-weight:normal;}
#book div p.sub_title { padding-bottom:30px; color:#999; }
#book h3 { padding:20px 0 10px 0; border-bottom:1px solid #ccc; }
#book p { padding:10px 0 10px 0;  }
#book div p { padding:2px; }
#book div span.download_book { cursor:pointer; margin-top:10px; font-size:12pt; color:#fff; background-color:#1aa1e1; padding:0.5em 1em;  font-weight:normal; -webkit-border-radius: 2px; border-radius: 2px; }
#book div label { padding-left:10px; color:#F45151; }



/* table */
.no_result			{ text-align:center; height:100px; }
.table_01			{ width:100%; font-size:13px; border-top:1px #b7b7b7 solid; }
.table_01 th		{ height:20px; background-color:#f4f4f4; text-align:center;  color:#333; border-bottom:1px #b7b7b7 solid; border-right:1px #b7b7b7 solid; border-left:1px #b7b7b7 solid;}
.table_01 th p		{ padding:8px 0px; }
.table_01 td		{ padding:6px 10px; border-bottom:1px #b7b7b7 solid;  color:#333; solid; border-right:1px #b7b7b7 solid;border-left:1px #b7b7b7 solid; }
.min-height			{ min-height:400px; }

/* search_result */
.search_result		{ font-size:13px; padding-bottom:4px; }

/* button */
.btn {
	background-image:url(/images/common/bg_button.gif);
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #dedede) );
	background:-moz-linear-gradient( center top, #f7f7f7 5%, #dedede 100% );*/
	background-color:#f7f7f7;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0px;
	border:1px solid #9A9A9A;
	display:inline-block;
	color:#333;
	font-family:'Malgun Gothic', dotum;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	margin: .4em 0;
	padding: .5em 1.5em 0.6em;	/* ie padding: .4em 1.5em 0.5em; */
	cursor:pointer;
	vertical-align:middle;
}
.btn:hover {
	border-color:#767676;
	color:#333;
}
a.btn {
	margin: .4em 0;
	padding: .4em 1.5em 0.5em;
	vertical-align:middle;
}

/* paging */
.pagination {margin-top:29px; text-align:center; margin-bottom:40px;}
.pagination span a {display:inline-block; vertical-align:top;  border:1px solid #ddd; padding:8px 12px 6px 11px; margin-left:-1px; color:#666; }
.pagination span a:hover { text-decoration:none;  background:#eee;}
.pagination span a.active {color:#fff; text-decoration:none; border-color:#333; background:#333;}

/* banner */
#banner { text-align:center; width:900px; margin: 0 auto; padding-top:60px;  overflow:hidden; border-top:0px solid #9e9e9e; }


/* footer */
#footer {  width:100%; height:100%; margin-top:30px; background-color:#f2f2f2;  }
#copyrights { width:900px; height:80px; margin:0 auto; padding-top:50px; overflow:hidden; text-align:center; font-family: Helvetica; color:#919191;  }
#copyrights_store { width:900px; height:160px; margin:0 auto; padding-top:50px; overflow:hidden; text-align:left; font-family: Helvetica;   }
#copyrights_store ul { padding:10px 0;}
#copyrights_store li { display:inline; padding-right:20px; }
#copyrights_store li a { color:#919191;}
#copyrights_store li a:hover { color:#555;}
#copyrights_store div { font-size:0.8em; color:#919191;}


/* popup */
#popup { padding:10px; }
#popup h2 { font-size:18px; font-weight:bold;}

